<template>
    <!-- 子级设了浮动，父级没设高度，那么父级要清浮动，这里父级设置了高度，所以不用清除浮动 -->
    <div class="common-nav-header">
        <slot name="left">
            <a class="type fl" href="javascript:;"></a>
        </slot>
        <slot name="title">
            <h1 class="title fl">伟丰新能源商城</h1>
        </slot>
        <slot name="right">
            <a class="cart fr" href="javascript:;"></a>
        </slot>
    </div>
</template>

<script>
    export default {
        name: 'commonNavHeader',
        watch: {

        },
        created() {

        },
        mounted() {

        },
        data() {
            return {

            };
        },
        methods: {

        },
        computed: {

        },
        components: {

        }
    };

</script>

<style lang="scss" scoped>
    .common-nav-header {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        width: 100%;
        height: 88px;
        background-color: #fff;
        padding: 0 30px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;

        .type {
            width: 39px;
            height: 88px;
            background: url(/images/wf_ico.png) no-repeat -154px 13px;
            background-size: 834px 535px;
        }

        .title {
            width: 612px;
            height: 88px;
            font-weight: bold;
            font-size: 32px;
            line-height: 88px;
            color: #333;
            text-align: center;
            position: relative;
            top: 2px;
        }

        .cart {
            width: 39px;
            height: 88px;
            background: url(/images/wf_ico.png) no-repeat -79px 13px;
            background-size: 834px 535px;
        }
    }

</style>
